<template>
  <div class="check--right1--top">
    <div class="check--right--box">
      <div :class="['check--right--res--title', { small: size == 'small' }]">
        肝脏径线
      </div>
      <ul class="thyroid--item--cont--box">
        <li>
          <div
            :class="[
              'thyroid--item--cont',
              { active: digestiveMeasure['1'], small: size == 'small' },
            ]"
          >
            <span>最大斜径:</span>
            <span>{{ digestiveMeasure["1"] }}</span>
          </div>
        </li>
        <li>
          <div
            :class="[
              'thyroid--item--cont',
              { active: digestiveMeasure['2'], small: size == 'small' },
            ]"
          >
            <span>右叶厚:</span>
            <span>{{ digestiveMeasure["2"] }}</span>
          </div>
        </li>
        <li>
          <div
            :class="[
              'thyroid--item--cont',
              { active: digestiveMeasure['3'], small: size == 'small' },
            ]"
          >
            <span>右叶长:</span>
            <span>{{ digestiveMeasure["3"] }}</span>
          </div>
        </li>
        <li>
          <div
            :class="[
              'thyroid--item--cont',
              { active: digestiveMeasure['4'], small: size == 'small' },
            ]"
          >
            <span>左叶厚:</span>
            <span>{{ digestiveMeasure["4"] }}</span>
          </div>
        </li>
        <li>
          <div
            :class="[
              'thyroid--item--cont',
              { active: digestiveMeasure['5'], small: size == 'small' },
            ]"
          >
            <span>最大横径:</span>
            <span>{{ digestiveMeasure["5"] }}</span>
          </div>
        </li>
      </ul>
    </div>
    <div class="check--right--box">
      <div :class="['check--right--res--title', { small: size == 'small' }]">
        肝动脉
      </div>
      <ul class="thyroid--item--cont--box">
        <li>
          <div
            :class="[
              'thyroid--item--cont',
              { active: digestiveMeasure['6'], small: size == 'small' },
            ]"
          >
            <span>固有动脉内径:</span>
            <span>{{ digestiveMeasure["6"] }}</span>
          </div>
        </li>
        <li>
          <div
            :class="[
              'thyroid--item--cont',
              { active: digestiveMeasure['7'], small: size == 'small' },
            ]"
          >
            <span>固有动脉PSV:</span>
            <span>{{ digestiveMeasure["7"] }}</span>
          </div>
        </li>
        <li>
          <div
            :class="[
              'thyroid--item--cont',
              { active: digestiveMeasure['8'], small: size == 'small' },
            ]"
          >
            <span>肝左动脉PSV:</span>
            <span>{{ digestiveMeasure["8"] }}</span>
          </div>
        </li>
        <li>
          <div
            :class="[
              'thyroid--item--cont',
              { active: digestiveMeasure['9'], small: size == 'small' },
            ]"
          >
            <span>肝右动脉PSV:</span>
            <span>{{ digestiveMeasure["9"] }}</span>
          </div>
        </li>
      </ul>
    </div>
    <div class="check--right--box">
      <div :class="['check--right--res--title', { small: size == 'small' }]">
        门静脉
      </div>
      <ul class="thyroid--item--cont--box">
        <li>
          <div
            :class="[
              'thyroid--item--cont',
              { active: digestiveMeasure['10'], small: size == 'small' },
            ]"
          >
            <span>主干内径:</span>
            <span>{{ digestiveMeasure["10"] }}</span>
          </div>
        </li>
        <li>
          <div
            :class="[
              'thyroid--item--cont',
              { active: digestiveMeasure['11'], small: size == 'small' },
            ]"
          >
            <span>右干内径:</span>
            <span>{{ digestiveMeasure["11"] }}</span>
          </div>
        </li>
        <li>
          <div
            :class="[
              'thyroid--item--cont',
              { active: digestiveMeasure['12'], small: size == 'small' },
            ]"
          >
            <span>右前支内径:</span>
            <span>{{ digestiveMeasure["12"] }}</span>
          </div>
        </li>
        <li>
          <div
            :class="[
              'thyroid--item--cont',
              { active: digestiveMeasure['13'], small: size == 'small' },
            ]"
          >
            <span>右后支内径:</span>
            <span>{{ digestiveMeasure["13"] }}</span>
          </div>
        </li>
        <li>
          <div
            :class="[
              'thyroid--item--cont',
              { active: digestiveMeasure['14'], small: size == 'small' },
            ]"
          >
            <span>左前横断内径:</span>
            <span>{{ digestiveMeasure["14"] }}</span>
          </div>
        </li>
      </ul>
    </div>
    <div class="check--right--box">
      <div :class="['check--right--res--title', { small: size == 'small' }]">
        肝静脉
      </div>
      <ul class="thyroid--item--cont--box">
        <li>
          <div
            :class="[
              'thyroid--item--cont',
              { active: digestiveMeasure['15'], small: size == 'small' },
            ]"
          >
            <span>肝静脉内径:</span>
            <span>{{ digestiveMeasure["15"] }}</span>
          </div>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: "AbaomenMeasure",
  props: ["digestiveMeasure", "size"],
};
</script>

<style scoped lang="less">
@import "~@/assets/css/measure.less";
</style>
